import React from 'react'
import { PageContainer } from '@ant-design/pro-layout'
import { Menu, Card, Layout, Breadcrumb } from 'antd';
import ProCard from '@ant-design/pro-card';
import { UserOutlined, LaptopOutlined, NotificationOutlined } from '@ant-design/icons';

function handleClick(e) {
    console.log('click', e);
}

const { SubMenu } = Menu;
const { Header, Content, Footer, Sider } = Layout;

const Order = () => {

    return (
        <PageContainer>
            <ProCard split="vertical" >
                <ProCard style={{ borderRight: 0 }} bodyStyle={{ padding: 0 }} colSpan="200px" bordered={false}>
                    <Menu
                        style={{ borderRight: 0 }}
                        mode="inline"
                        defaultSelectedKeys={['1']}
                        defaultOpenKeys={['sub1']}
                    // style={{ height: '100%' }}
                    >
                        <Menu.Item key="1">基本设置</Menu.Item>
                        <Menu.Item key="2">交易设置</Menu.Item>
                        <Menu.Item key="3">option1</Menu.Item>
                        <Menu.Item key="4">option1</Menu.Item>
                    </Menu>
                </ProCard>
                <ProCard>
                    <div>右侧内容</div>
                </ProCard>
            </ProCard>
        </PageContainer>
    )
}

export default Order
